<template>
    <div class="row">
                            <div class="col-md-12">
                                <div class="settings-widget">
                                    <div class="settings-inner-blk p-0">
                                        <div class="sell-course-head comman-space">
                                            <h3>我的课程</h3>
                                            <p>Manage your courses and its update like live, draft and insight.</p>
                                        </div>
                                        <div class="comman-space pb-0">
                                            <div class="instruct-search-blk">
                                                <div class="show-filter choose-search-blk">
                                                    <form action="#">
                                                        <div class="row gx-2 align-items-center">
                                                            <div class="col-md-6 col-item">
                                                                <div class=" search-group">
                                                                    <i class="feather-search"></i>
                                                                    <input type="text" class="form-control" placeholder="课程搜索">
                                                                </div>
                                                            </div>
                                                            <div class="col-md-6 col-lg-6 col-item">
                                                                <div class="form-group select-form mb-0">
                                                                    <select class="form-select select select2-hidden-accessible" name="sellist1" data-select2-id="1" tabindex="-1" aria-hidden="true">
                                                                        <option data-select2-id="3">Choose</option>
                                                                        <option>Angular</option>
                                                                        <option>React</option>
                                                                        <option>Node</option>
                                                                    </select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="2" style="width: 100%;"><span class="selection"><span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-sellist1-yl-container"><span class="select2-selection__rendered" id="select2-sellist1-yl-container" role="textbox" aria-readonly="true" title="Choose">Choose</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                            <div class="settings-tickets-blk course-instruct-blk table-responsive">

                                                <table class="table table-nowrap mb-2">
                                                    <thead>
                                                        <tr>
                                                            <th>课程</th>
                                                            <th>STUDENTS</th>
                                                            <th>状态</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <div class="sell-table-group d-flex align-items-center">
                                                                    <div class="sell-group-img">
                                                                        <a href="course-details.html">
                                                                            <img src="assets/img/course/course-10.jpg" class="img-fluid " alt="">
                                                                        </a>
                                                                    </div>
                                                                    <div class="sell-tabel-info">
                                                                        <p><a href="course-details.html">Information
                                                                                About UI/UX Design Degree</a></p>
                                                                        <div class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                                            <div class="rating-img d-flex align-items-center">
                                                                                <img src="assets/img/icon/icon-01.svg" alt="">
                                                                                <p>10+ Lesson</p>
                                                                            </div>
                                                                            <div class="course-view d-flex align-items-center">
                                                                                <img src="assets/img/icon/timer-start.svg" alt="">
                                                                                <p>7hr 20min</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>3200</td>
                                                            <td><span class="badge info-low">Live</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="sell-table-group d-flex align-items-center">
                                                                    <div class="sell-group-img">
                                                                        <a href="course-details.html">
                                                                            <img src="assets/img/course/course-11.jpg" class="img-fluid " alt="">
                                                                        </a>
                                                                    </div>
                                                                    <div class="sell-tabel-info">
                                                                        <p><a href="course-details.html">Wordpress for
                                                                                Beginners - Master Wordpress Quickly</a>
                                                                        </p>
                                                                        <div class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                                            <div class="rating-img d-flex align-items-center">
                                                                                <img src="assets/img/icon/icon-01.svg" alt="">
                                                                                <p>10+ Lesson</p>
                                                                            </div>
                                                                            <div class="course-view d-flex align-items-center">
                                                                                <img src="assets/img/icon/timer-start.svg" alt="">
                                                                                <p>7hr 20min</p>
                                                                            </div>
                                                                        </div>
                                                                        <div class="course-stip progress-stip">
                                                                            <div class="progress-bar bg-success progress-bar-striped active-stip">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>0</td>
                                                            <td><span class="badge info-inter">Darft</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="sell-table-group d-flex align-items-center">
                                                                    <div class="sell-group-img">
                                                                        <a href="course-details.html">
                                                                            <img src="assets/img/course/course-12.jpg" class="img-fluid " alt="">
                                                                        </a>
                                                                    </div>
                                                                    <div class="sell-tabel-info">
                                                                        <p><a href="course-details.html">Sketch from A
                                                                                to Z (2022): Become an app designer</a>
                                                                        </p>
                                                                        <div class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                                            <div class="rating-img d-flex align-items-center">
                                                                                <img src="assets/img/icon/icon-01.svg" alt="">
                                                                                <p>10+ Lesson</p>
                                                                            </div>
                                                                            <div class="course-view d-flex align-items-center">
                                                                                <img src="assets/img/icon/timer-start.svg" alt="">
                                                                                <p>7hr 20min</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>1500</td>
                                                            <td><span class="badge info-low">Live</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="sell-table-group d-flex align-items-center">
                                                                    <div class="sell-group-img">
                                                                        <a href="course-details.html">
                                                                            <img src="assets/img/course/course-13.jpg" class="img-fluid " alt="">
                                                                        </a>
                                                                    </div>
                                                                    <div class="sell-tabel-info">
                                                                        <p><a href="course-details.html">C# Developers
                                                                                Double Your Coding Speed with Visual
                                                                                Studio</a></p>
                                                                        <div class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                                            <div class="rating-img d-flex align-items-center">
                                                                                <img src="assets/img/icon/icon-01.svg" alt="">
                                                                                <p>10+ Lesson</p>
                                                                            </div>
                                                                            <div class="course-view d-flex align-items-center">
                                                                                <img src="assets/img/icon/timer-start.svg" alt="">
                                                                                <p>7hr 20min</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>0</td>
                                                            <td><span class="badge info-medium">Pending</span></td>
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                                <div class="sell-table-group d-flex align-items-center">
                                                                    <div class="sell-group-img">
                                                                        <a href="course-details.html">
                                                                            <img src="assets/img/course/course-14.jpg" class="img-fluid " alt="">
                                                                        </a>
                                                                    </div>
                                                                    <div class="sell-tabel-info">
                                                                        <p><a href="course-details.html">Build
                                                                                Responsive Real World Websites with
                                                                                HTML5 and CSS3</a></p>
                                                                        <div class="course-info d-flex align-items-center border-bottom-0 pb-0">
                                                                            <div class="rating-img d-flex align-items-center">
                                                                                <img src="assets/img/icon/icon-01.svg" alt="">
                                                                                <p>10+ Lesson</p>
                                                                            </div>
                                                                            <div class="course-view d-flex align-items-center">
                                                                                <img src="assets/img/icon/timer-start.svg" alt="">
                                                                                <p>7hr 20min</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                            <td>0</td>
                                                            <td><span class="badge info-high">Deleted</span></td>
                                                        </tr>
                                                    </tbody>
                                                </table>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
</template>